<template>
    <div class="search">
        <span>🔍</span>
        <input type ="text" placeholder="today" v-model="keyword">
    </div>
</template>

<script>
export default {
    name:'Search',
    setup(){
        let keyword=''
        return {keyword}
    }
}
</script>

<style scoped>
    .search {
        position: relative;
        margin-left: 25px;
        min-width: 600px;
    }
    input {
        height: 20px;
        width: 70vw;
        border-radius: 10px;
        border:0;
        padding-left: 30px;
    }
    span {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }
</style>